DATOS CON FETCH EN JAVASCRIPT. 


Para enviar un texto desde el frontend (por ejemplo, una aplicación web) al backend (servidor) de 
forma inversa a como lo hace "fetch' en JavaScript, necesitarás establecer una comunicación desde 
el frontend al backend a través de una solicitud HTTP. En este caso, el backend actuará como 
servidor y el frontend como cliente. 


Aquí hay un ejemplo general de cómo podrías enviar un texto desde el frontend al backend 
utilizando JavaScript y una solicitud HTTP: 


1, **En el Frontend (JavaScript)**: 

- Utiliza la función "fetch* para enviar una solicitud POST al backend con el texto que deseas 
enviar. 

- Puedes incluir el texto en el cuerpo de la solicitud POST. 


“javascript 
const url = 'https://api.example.com/proceso'; // URL del endpoint en el backend 
const texto = 'Hola desde el frontend'; // Texto que deseas enviar 


fetch(url, ( 
method: 'POST', 
headers: ( 
"Content-Type": 'application/json', 
» 
body: JSON.stringify(f texto: texto )), 
y) 
.then(response => ( 
if (Iresponse.ok) ( 
throw new Error('Error al realizar la solicitud”); 
) 
return response.json(); 
») 
.then(data => ( 
console.log(data); // Manejar la respuesta del backend 
») 
.Catch(error => ( 
console.error('Error:', error); 


de 


2. **En el Backend**: 

- En el backend, debes configurar un endpoint que pueda recibir solicitudes POST y manejar el 
texto enviado desde el frontend. 

- Dependiendo del lenguaje y el framework que estés utilizando en el backend, deberás 
implementar la lógica para procesar el texto recibido. 


Por ejemplo, en Node.js con Express, podrías configurar un endpoint para manejar la solicitud 
POST y procesar el texto recibido: 


“javascript 

const express = require('express”); 

const bodyParser = require('body-parser”); 
const app = express(); 

const port = 3000; 


app.use(bodyParser.json()); 


app.post('/proceso', (req, res) => ([ 
const texto = req.body.texto; 
console.log("Texto recibido:', texto); 
// Aquí puedes procesar el texto como desees 
res.json(f mensaje: "Texto recibido correctamente' )); 


»; 


app.listen(port, () => ( 
console.log(" Servidor escuchando en http://localhost:$(fport)”); 
»; 


Recuerda ajustar el código del backend según el lenguaje y el framework que estés utilizando. Este 
es solo un ejemplo básico para ilustrar cómo podrías enviar un texto desde el frontend al backend de 
forma inversa a 'fetch' en JavaScript. 


Para obtener un texto de respuesta utilizando "fetch* en JavaScript para consultar un servicio que 
devuelve "Hola amigo", puedes seguir este ejemplo: 


“javascript 
// URL del servicio que devuelve "Hola amigo" 
const url = 'https://api.example.com/saludo'; 


// Realizar la solicitud utilizando fetch 
fetch(url) 
.then(response => ( 
if (Iresponse.ok) ( 
throw new Error('Error al realizar la solicitud”); 
) 
return response.text(); 
») 
.then(data => ( 
console.log(data); // Imprimir la respuesta en la consola 
// Aquí puedes manejar la respuesta como desees 
») 
.catch(error => ( 
console.error('Error:', error); 


»; 


us 


En este ejemplo, se realiza una solicitud a la URL del servicio que devuelve "Hola amigo" 
utilizando "fetch”. Cuando se recibe la respuesta, se convierte a texto y se imprime en la consola. 
Puedes manejar la respuesta de acuerdo a tus necesidades una vez que la recibas. 


Asegúrate de reemplazar “https: //api.example.com/saludo” con la URL real de tu servicio que 
devuelve "Hola amigo" para que la solicitud funcione correctamente. Además, ten en cuenta que si 
el servicio no permite solicitudes desde tu dominio (por ejemplo, debido a restricciones de CORS), 
es posible que necesites configurar el servidor para permitir las solicitudes desde tu origen. 


